<template>
	<span-item v-for="item in spanItemList"
						:key="item"
						:class="'bg-'+item.bg"
						:spanTitle="item.title"
						:spanImage="item.image"
            :routerPath="item.routerPath" />
</template>
<script>
import SpanItem from '@/components/SpanItem.vue'
export default {
	components: { SpanItem },
	name: 'HomeView',
	data () {
		return {
			spanItemList: [
				{ title: "监控视频", image: require("../assets/监控视频.png"), bg: "jksp",routerPath:"/Xitong/JiankongShipin" },
				{ title: "退出登录", image: require("../assets/退出登录.png"), bg: "jksp",routerPath:"/login" }
			]
		}
	}
}
</script>
<style scoped>
.bg-jksp {
	background: linear-gradient(
		rgb(44, 216, 213) 0%,
		rgb(107, 141, 214) 48%,
		rgb(142, 55, 215) 100%
	);
}
</style>